@(title: String)(id: String)(content: Html)(implicit request: RequestHeader)
<!DOCTYPE html>

<html lang="en">
	<head>
		<title id="shareTitle">@title</title>

		<meta name="renderer" content="webkit">
		@* <meta name="viewport" content="width=device-width,initial-scale=1.0">*@

		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">

		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-sweetalert-master/dist/sweetalert.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrapvalidator-master/dist/css/bootstrapValidator.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-fileinput-master/css/fileinput.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-toggle/dist/css/bootstrap4-toggle.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-datepicker-1.6.4-dist/css/bootstrap-datepicker3.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("select2-4.0.3/dist/css/select2.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap-theme.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("font-awesome-4.7.0/css/font-awesome.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/layout.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/components.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/darkblue.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/uniform.default.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-table-master/dist/bootstrap-table.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-table-master/dist/extensions/filter-control/bootstrap-table-filter-control.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/my.css")">
		<link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.ico")">

		<script src="@routes.Assets.at("bootstrap/js/jquery-3.1.1.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/jquery-migrate-1.2.1.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap/js/bootstrap.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/my-bootstrap-table.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/locale/bootstrap-table-zh-CN.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/metronic.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/layout.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/qucik-siderbar.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/demo.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-sweetalert-master/dist/my-sweetalert.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/bootstrap-table-export.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/tableExport.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/sticky-header/bootstrap-table-sticky-header.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-toggle/dist/js/bootstrap4-toggle.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("layer-v3.0/layer/layer.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("select2-4.0.3/dist/js/my-select2.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("select2-4.0.3/dist/js/i18n/zh-CN.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("Highcharts-5.0.12/code/highcharts.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("Highcharts-5.0.12/code/modules/venn.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/bootstrap3-typeahead.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/multiselect.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/global.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrapvalidator-master/dist/js/bootstrapValidator.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-datepicker-1.6.4-dist/js/bootstrap-datepicker.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-datepicker-1.6.4-dist/locales/bootstrap-datepicker.zh-CN.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/fileinput.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/locales/zh.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("FileSaver.js-master/FileSaver.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/zip.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/deflate.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/inflate.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("zTree_v3/js/jquery.ztree.core.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("plotly/dist/plotly.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("react/js/react.production.min.js")"></script>
		<script src="@routes.Assets.at("react/js/react-dom.production.min.js")"></script>

@*		<script src="@routes.Assets.at("easy-pie-chart-2.1.6/dist/jquery.easypiechart.min.js")" type="text/javascript"></script>*@
@*		<script src="@routes.Assets.at("javascripts/App.min.js")" type="text/javascript"></script>*@
@*		<script src="@routes.Assets.at("javascripts/plugins.min.js")" type="text/javascript"></script>*@

		<script src="@routes.AppController.javascriptRoutes" type="text/javascript"></script>

		@scalajs.html.scripts("client", routes.Assets.at(_).toString, name => getClass.getResource(s"/public/$name") != null)

	</head>
	<body class="page-header-fixed page-quick-sidebar-over-content">
		@header()
		<div class="page-container">
			@left(id)
			<div class="page-content-wrapper">
			@content
			</div>
		</div>
		@footer()
	</body>
	<script>
			$(function () {

				$('body').css('zoom', 'reset');
				$(document).keydown(function (event) {
					//event.metaKey mac的command键
					if ((event.ctrlKey === true || event.metaKey === true) && (event.which === 61 || event.which === 107 || event.which === 173 || event.which === 109 || event.which === 187 || event.which === 189)) {
						event.preventDefault();
					}
				});
				$(window).bind('mousewheel DOMMouseScroll', function (event) {
					if (event.ctrlKey === true || event.metaKey) {
						event.preventDefault();
					}
				});

				MyApp.init

			})

			jQuery(document).ready(function () {
				// initiate layout and plugins
				Metronic.init(); // init metronic core components
				Layout.init(); // init current layout
				QuickSidebar.init(); // init quick sidebar
				Demo.init(); // init demo features
			});

	</script>
</html>
